<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from kl-webmedia.com/elearn/about-us.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:03:37 GMT -->
<head>
    <meta charset="utf-8" />
    <title>eLearn - About us</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />	
    <!-- CSS Files -->
	<link rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/animate.min.html" />
	<!-- / CSS Files -->
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="main">
        <div class="container">
            <nav class="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.htm"><img id="logo" src="img/logo.png" alt="eLearn" /></a>
                </div>
                <div class="collapse navbar-collapse">
                <div class="navbar-right menu-main"> 
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Home</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.htm">Home, version 1</a></li>
                                <li><a href="index2.htm">Home, version 2</a></li>
                                <li><a href="index3.htm">Home, version 3</a></li>
                            </ul>
                        </li>
                        <li class="active"><a href="about-us.htm"><span>About us</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Video</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="categories.htm">Categories of video</a></li>
                                <li><a href="videos-list.htm">Video list</a></li>
                                <li><a href="videos-grid.htm">Video list (grid)</a></li>
                                <li><a href="video.htm">Video film detail</a></li>
                            </ul>
                        </li>
                        <li><a href="features.htm"><span>Features</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Blog</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="blog-list.htm">Blog list</a></li>
                                <li><a href="blog-post.htm">Blog post detail</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.htm"><span>Contact us</span></a></li>
                    </ul>
                    <a class="btn btn-theme navbar-btn btn-default sign-in" href="#">Sign in</a>
                    <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="register.htm">Sign up</a>
                </div>
                </div>
            </nav>
        </div>
    </header>
    
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <h1>About us</h1>
                </div>
                <div class="col-md-5">
                    <ol class="breadcrumb pull-right">
                        <li><a href="index.htm">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li class="active">Team</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    
    <section class="content content-light">
        <div class="container">
            <p class="header text-center"><strong>How easy</strong> our teachers manage their <strong>business</strong></p>
            <p class="text-center">We believe that analysis of your company and your customers is key in responding effectively to your promotional needs and we will work with you to fully understand your business.</p>
            
            <hr class="invisible" />
            <hr class="invisible" />
            
            <div class="row our-team">
                <div class="col-md-4">
                    <div class="center-block our-team-item"> <!-- if number of people is less than 4 then el. "our-team-item" is need it -->
                        <figure>
                            <img src="img/face/2.png" class="img-rounded" alt="Edward Willis" />
                            <figcaption>Edward Willis <em>Youtubber &amp; Blogger</em></figcaption>
                        </figure>
                        <p class="blue-box text-center">
                            <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                            <a href="http://www.youtube.com/" class="btn btn-social btn-tiny-size social-youtube"><i class="fa fa-youtube"></i></a>
                            <a href="https://twitter.com/KLWebmedia" class="btn btn-social btn-tiny-size social-twitter"><i class="fa fa-twitter"></i></a>
                            <a href="https://plus.google.com/113174627408639682462/posts" class="btn btn-social btn-tiny-size social-gplus"><i class="fa fa-google-plus"></i></a>
                            <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                            <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="center-block our-team-item">
                        <figure>
                            <img src="img/face/22.png" class="img-rounded" alt="Chuck Dorothe" />
                            <figcaption>Chuck Dorothe <em>Webdeveloper</em></figcaption>
                        </figure>
                        <p class="blue-box text-center">
                            <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                            <a href="http://www.youtube.com/" class="btn btn-social btn-tiny-size social-youtube"><i class="fa fa-youtube"></i></a>
                            <a href="https://twitter.com/KLWebmedia" class="btn btn-social btn-tiny-size social-twitter"><i class="fa fa-twitter"></i></a>
                            <a href="https://plus.google.com/113174627408639682462/posts" class="btn btn-social btn-tiny-size social-gplus"><i class="fa fa-google-plus"></i></a>
                            <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                            <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="center-block our-team-item">
                        <figure>
                            <img src="img/face/24.png" class="img-rounded" alt="Adam Sandler" />
                            <figcaption>Adam Sandler <em>Language Trainer</em></figcaption>
                        </figure>
                        <p class="blue-box text-center">
                            <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                            <a href="http://www.youtube.com/" class="btn btn-social btn-tiny-size social-youtube"><i class="fa fa-youtube"></i></a>
                            <a href="https://twitter.com/KLWebmedia" class="btn btn-social btn-tiny-size social-twitter"><i class="fa fa-twitter"></i></a>
                            <a href="https://plus.google.com/113174627408639682462/posts" class="btn btn-social btn-tiny-size social-gplus"><i class="fa fa-google-plus"></i></a>
                            <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                            <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                        </p>
                    </div>
                </div>
            </div>
            
            <hr class="invisible" />
            <hr class="invisible" />
            
            <div class="row our-team">
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/14.png" class="img-rounded" alt="Maria Smurfs" />
                        <figcaption>Maria Smurfs <em>Webdesigner</em></figcaption>
                    </figure>
                    <p class="blue-box text-center">
                        <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                        <a href="http://www.youtube.com/" class="btn btn-social btn-tiny-size social-youtube"><i class="fa fa-youtube"></i></a>
                        <a href="https://twitter.com/KLWebmedia" class="btn btn-social btn-tiny-size social-twitter"><i class="fa fa-twitter"></i></a>
                        <a href="https://plus.google.com/113174627408639682462/posts" class="btn btn-social btn-tiny-size social-gplus"><i class="fa fa-google-plus"></i></a>
                        <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                        <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                    </p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/5.png" class="img-rounded" alt="Jacky Willis" />
                        <figcaption>Jacky Willis <em>Developer</em></figcaption>
                    </figure>
                    <p class="blue-box text-center">
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-facebook"><i class="fa fa-facebook"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-youtube"><i class="fa fa-youtube"></i></a>
                        <a href="https://twitter.com/KLWebmedia" class="btn btn-social btn-tiny-size social-twitter"><i class="fa fa-twitter"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-gplus"><i class="fa fa-google-plus"></i></a>
                        <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                        <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                    </p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/20.png" class="img-rounded" alt="Lucas Emar" />
                        <figcaption>Lucas Emar <em>Social Media Manager</em></figcaption>
                    </figure>
                    <p class="blue-box text-center">
                        <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-youtube"><i class="fa fa-youtube"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-twitter"><i class="fa fa-twitter"></i></a>
                        <a href="https://plus.google.com/113174627408639682462/posts" class="btn btn-social btn-tiny-size social-gplus"><i class="fa fa-google-plus"></i></a>
                        <a href="http://dribbble.com/KL-Webmedia" class="btn btn-social btn-tiny-size social-dribbble"><i class="fa fa-dribbble"></i></a>
                        <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                    </p>
                </div>
                <div class="col-md-3">
                    <figure>
                        <img src="img/face/15.png" class="img-rounded" alt="Susan Westwik" />
                        <figcaption>Susan Westwik <em>Marketing Manager</em></figcaption>
                    </figure>
                    <p class="blue-box text-center">
                        <a href="https://www.facebook.com/pages/KL-Webmedia/131260293670757" class="btn btn-social btn-tiny-size social-facebook"><i class="fa fa-facebook"></i></a>
                        <a href="http://www.youtube.com/" class="btn btn-social btn-tiny-size social-youtube"><i class="fa fa-youtube"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-twitter"><i class="fa fa-twitter"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-gplus"><i class="fa fa-google-plus"></i></a>
                        <a href="#" class="btn btn-social btn-tiny-size btn-disable social-dribbble"><i class="fa fa-dribbble"></i></a>
                        <a href="https://www.linkedin.com/" class="btn btn-social btn-tiny-size social-linkedin"><i class="fa fa-linkedin"></i></a>
                    </p>
                </div>
            </div>
            
            <hr class="invisible" />
            <hr class="invisible" />
            
            <!-- Form application - CV - "Join our team" -->
            <form action="#" role="form">
            
                <!-- Form curtain - click to show form-->
                <a class="blue-box form-curtain" href="#">
                    <i class="fa fa-plus-circle fa-4x"></i>
                    <div>Join our team</div>
                    <small>(upload your CV)</small>
                </a>
            
                <h2 class="title-form">Join our team</h2>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fieldInputName">First name</label>
                            <input type="text" class="form-control input-lg" id="fieldInputName" placeholder="enter your name" />
                        </div>
                        <div class="form-group">
                            <label for="fieldInputEmail">Email address</label>
                            <input type="email" class="form-control input-lg" id="fieldInputEmail" placeholder="enter your email address" />
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fieldInputLastname">Last name</label>
                            <input type="text" class="form-control input-lg" id="fieldInputLastname" placeholder="enter your last name" />
                        </div>
                        <div class="form-group">
                            <label for="fieldInputFile">CV file</label>
                            <input type="file" class="input-lg" id="fieldInputFile" />
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fieldInputBirth">Date of birth</label>
                            <input type="email" class="form-control input-lg" id="fieldInputBirth" placeholder="DD/MM/YYYY" />
                        </div>
                    </div>
                </div>
                <p class="buttons-margin-horizontal">
                    <input type="submit" class="btn btn-theme btn-orange" value="Send application" />
                </p>
            </form>
            
            <hr class="invisible" />
            <hr class="invisible" />
            <hr class="invisible" />
            
            <p class="text-center header">Those <strong>happy clients</strong> work with us</p>
            <p class="text-center">We believe that analysis of your company and your customers is key in responding effectively to your promotional needs and we will work with you to fully understand your business.</p>
            
            <hr class="invisible" />
            <hr class="invisible" />
            
            <!-- Client Logos -->
            <div class="row text-center client-logos">
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/jquery.png" alt="jQuery" />
                        <img src="img/logo/jquery_hover.png" class="color" alt="jQuery" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/joomla.png" alt="Joomla" />
                        <img src="img/logo/joomla_hover.png" class="color" alt="Joomla" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/wordpress.png" alt="WordPress" />
                        <img src="img/logo/wordpress_hover.png" class="color" alt="WordPress" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/css3.png" alt="CSS3" />
                        <img src="img/logo/css3_hover.png" class="color" alt="CSS3" />
                    </a>
                </div>
            </div>
            <div class="row text-center client-logos">
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/drupal.png" alt="Drupal" />
                        <img src="img/logo/drupal_hover.png" class="color" alt="Drupal" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/typo3.png" alt="Typo3" />
                        <img src="img/logo/typo3_hover.png" class="color" alt="Typo3" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/jquery.png" alt="jQuery" />
                        <img src="img/logo/jquery_hover.png" class="color" alt="jQuery" />
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#">
                        <img src="img/logo/joomla.png" alt="Joomla" />
                        <img src="img/logo/joomla_hover.png" class="color" alt="Joomla" />
                    </a>
                </div>
            </div>
        </div>        
    </section>
    
    <footer class="main bg-dark-img">
        <section class="widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h4>About us</h4>
                    <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.</p>
                </div>
                <div class="col-md-3 footer-qlink">
                    <h4>Quick links</h4>
                    <nav>
                        <ul>
                            <li><a href="plans.htm">Start teaching / learning</a></li>
                            <li><a href="categories.htm">Tutorials database</a></li>
                            <li><a href="about-us.htm">Meet the team</a></li>
                            <li><a href="blog-list.htm">Our blog</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 footer-blog">
                    <h4>Latest blogpostings</h4>
                    <ul class="media-list">
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/14.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Lubergren, no sea...</p>
                               	<span class="footer"><time datetime="2014-01-09T22:11" class="cute-time">2014/01/09 22:11:19</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/5.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Takimata sanctus est...</p>
                                <span class="footer"><time datetime="2013-12-29T20:12" class="cute-time">2013/12/29 20:12:38</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 footer-social">
                    <h4>Follow us on</h4>
                    <a class="btn btn-social social-facebook" href="https://www.facebook.com/pages/KL-Webmedia/131260293670757"><i class="fa fa-facebook"></i></a>
                    <!--<a class="btn-social social-vimeo" href="https://vimeo.com/"><i class="fa fa-vimeo"></i></a>-->
                    <a class="btn btn-social social-youtube" href="http://www.youtube.com/"><i class="fa fa-youtube"></i></a>
                    <a class="btn btn-social social-twitter" href="https://twitter.com/KLWebmedia"><i class="fa fa-twitter"></i></a>
                    <a class="btn btn-social social-gplus" href="https://plus.google.com/113174627408639682462/posts"><i class="fa fa-google-plus"></i></a>
                    <!--<a class="btn-social social-blogger" href="https://www.blogger.com/"><i class="fa fa-facebook"></i></a>-->
                    <a class="btn btn-social social-dribbble" href="http://dribbble.com/KL-Webmedia"><i class="fa fa-dribbble"></i></a>
                    <!--<a class="btn-social social-deviantart" href="http://kl-webmedia.deviantart.com/"><i class="fa fa-deviantart"></i></a>-->
                    <a class="btn btn-social social-linkedin" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
                    <a class="btn btn-social social-tumblr" href="https://www.tumblr.com/"><i class="fa fa-tumblr"></i></a>
                    <!--<a class="btn-social social-flickr" href="http://www.flickr.com/"><i class="fa fa-flickr"></i></a>-->
                </div>
            </div>
        </div>
        </section>
        <section class="copyright">
            <div class="container">
                &copy; Copyright 2014 <b>KL-Webmedia.com</b> &nbsp; | &nbsp; All rights reserved
            </div>
        </section>
    </footer>
    <!-- JavaScript Files -->
    <script src="plugin/jquery-1.10.2.min.js"></script>
    <script src="plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugin/jquery.cuteTime.min.js"></script>
    <script src="script/script.js"></script>
    <!-- / JavaScript Files -->
</body>

<!-- Mirrored from kl-webmedia.com/elearn/about-us.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:03:38 GMT -->
</html>